<extend name="Layout/base" />
<block name="css">
<link rel="stylesheet" href="/Public/blog/css/common.css" type="text/css">
<link rel="stylesheet" href="/Public/blog/css/main.css" type="text/css">
<link rel="stylesheet" href="/Public/blog/css/slick.css" type="text/css">
<link rel="stylesheet" href="/Public/blog/css/font-awesome.min.css" type="text/css">
</block>
<block name='main'>
    <section class='section'>
        <style type="text/css">
            .system-message{margin-top:50px; padding: 50px 48px; text-align:center;}
            .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
            .system-message .jump{ padding-top: 10px}
            .system-message .jump a{ color: #333;}
            .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px }
            .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none}
        </style>
        <div class="system-message">
            <?php if(isset($message)) {?>
                <p class="success"><?php echo($message); ?></p>
            <?php }else{?>
                <p class="error"><?php echo($error); ?></p>
            <?php }?>
            <p class="detail"></p>
            <p class="jump">
                页面自动 <a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间： <b id="wait"><?php echo($waitSecond); ?></b>
            </p>
        </div>

        <script type="text/javascript">
        (function(){
            var wait = document.getElementById('wait'),href = document.getElementById('href').href;
            var interval = setInterval(function(){
                    var time = --wait.innerHTML;
                    if(time <= 0) {
                            location.href = href;
                            clearInterval(interval);
                    };
            }, 1000);
        })();
        </script>
    </section>
</block>